<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01JS的三种引入方式</title>
</head>
<body>
<!--行内写法 写在对应的html元素上
onclick=""给元素绑定一个点击事件，点击元素时执行""里面的代码
alert('请先登录')显示弹窗，括号里是要展示的文本
console.log('哈哈哈')向浏览器控制台输出指定文本-->
<button onclick="alert('请先登录')">点击即玩</button>
<button onclick="console.log('哈哈哈')">点击即玩</button>
<div class="d1">哈哈哈</div>
<!--2.内部写法，推荐写在body结束之前
    id值相当于当前html元素-->
<script>
    console.log(d1)
    console.log('看看执行了没有！')
</script>
<!--引入外部JS文件，注意如果此标签用做引入外部JS，则标签内不能写JS代码，不会执行-->
<script src="01.js">
    console.log('1看看执行了没有！')
    console.log('2看看执行了没有！')
    console.log('3看看执行了没有！')
</script>
</body>
</html>